<template>
	<view>
		<view class="bg-white flex justify-around align-center">
			<view class="padding" :class="'gs'==tabCur?'text-yellow':'text-grey'" 
				@tap="tabSelect" data-id="gs">
				<text class="cuIcon-sponsorfill"></text>我的公司
			</view>
			<view class="padding" :class="'yw'==tabCur?'text-yellow':'text-grey'" 
				@tap="tabSelect" data-id="yw">
				<text class="cuIcon-friendfamous"></text>我的业绩
			</view>
		</view>
		<view>
			<zjgs v-if="'gs'==tabCur"></zjgs>
			<ywy v-if="'yw'==tabCur"></ywy>
		</view>
	</view>
</template>

<script>
	import zjgs from './zjgs.vue';
	import ywy from './ywy.vue';
	
	export default {
		components: {
			zjgs,ywy,
		},
		data: function() {
			return {
				tabCur: "gs",
				
			};
		},
		
		methods: {
			tabSelect: function(e) {
				this.tabCur = e.currentTarget.dataset.id;
			}
		},
	}
</script>

<style scoped>

</style>